$(function () {
    // 获取商品分类id
    var cat_id = location.search;
    cat_id = cat_id.substring(12);
    var goddsClass = '';
    // 发送get请求获取标题分类数据
    $.get('http://193.112.55.79:9090/api/getcategorybyid', {
        categoryid: cat_id
    }, function (res) {
        goddsClass = res.result[0].category;
        // 渲染模版
        var catData = template('cat', res.result[0]);
        // 把数据添加到页面上
        $('.title_lis').append(catData);
    }, 'json')
    // 获取元素
    var index = 1; // 一开始让index等于1
    // 调用函数
    goodsF(cat_id, index);
    $.get('http://193.112.55.79:9090/api/getproductlist', {
        categoryid: cat_id
    }, function (res) {
        var total = res.totalCount;
        var pagesize = res.pagesize;
        var page = parseInt(total / pagesize);
        var i = 0;
        while (i <= page) {
            var optionData = template('optionTemp');
            $('.myselect').append(optionData);
            i++;
            var options = $('.myselect option');
            options[i - 1].text = i;
            options[i - 1].value = i;
        };
        // 下拉框注册事件
        $('.myselect').on('change', function () {
            // 获取自己this
            var _this = $(this);
            // 获取option的value
            index = $(this).val()
            // console.log(index)
            // 调用函数
            goodsF(cat_id, index);
        }); // 下拉框注册事件
        // 上一页 注册点击事件
        $('.up_page').on('click', function () {
            // 每点击一次让option的value值-1
            index--;
            // 判断index==0的时候返回最后一个数字
            if (index == 0) {
                index = options.length - 1;
                index += 1;
            }
            // 调用函数
            goodsF(cat_id, index);
            // 循环所有的option
            for (var i = 0; i < options.length; i++) {
                // 判断option的value值是否和index-1后的值相等
                if (options[i].value == index) {
                    // 如果相等就显示在下拉框
                    options[i].selected = true;
                }
            }; // 循环结束 
        }); // 上一页
        // 下一页
        $('.last_page').on('click', function () {
            // 每点击一次让option的value值+1
            index++;
            // 判断index到最后一个数字，再按就返回第一个
            if (index - 1 >= options.length) {
                index = 1;
            }
            // 调用函数
            goodsF(cat_id, index);
            // 循环所有的option
            for (var i = 0; i < options.length; i++) {
                // 判断option的value值是否和index+1后的值相等
                if (options[i].value == index) {
                    // 如果相等就显示在下拉框
                    options[i].selected = true;
                }
            }; // 循环结束
        }) // 下一页
    }, 'json')
    // 封装获取商品列表函数
    function goodsF(catId, indexs) {
        // 发送get请求 获取商品数据
        $.get('http://193.112.55.79:9090/api/getproductlist', {
            categoryid: catId,
            pageid: indexs
        }, function (res) {
            // 渲染模版
            var goodsData = template('goodsTemp', {
                goods: res.result
            });
            // 把数据渲染到页面
            $('.goods_cont ul').html(goodsData);
        }, 'json')
    }
})